<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="${ctxStatic}/layui/css/layui.css">
<link rel="stylesheet" type="text/css" href="${ctxStatic}/css/fantasy-street.css">
<style type="text/css">

</style>
<script language="javascript">
</script>
<title>【${cityMap.cityname }】${cityMap.placename }</title>
</head>
<body onload="init();">
<div class="container">
 	<!-- 头部 -->
  	<div class="layui-row">
	    <div class="navlogo">
			<img src="${ctxStatic}/images/f/豪华官邸_01.jpg" border="0">
	    </div>
	    <div class="navgb">
			<div class="layui-row fantasy-tips">
				<script type="text/javascript" src="${ctxStatic}/js/kouhao.js"></script>
			</div>
		    <!-- 头部区域（可配合layui已有的水平导航） -->
		    <ul class="nav">
		      <li class="layui-nav-item"><a href="">电子公告牌</a></li>
		      <li class="layui-nav-item"><a href="">世界地图</a></li>
		      <li class="layui-nav-item"><a href="">NPC定位</a></li>
		      <li class="layui-nav-item"><a href="">货物查询</a></li>
		      <li class="layui-nav-item"><a href="">玩家帮派</a></li>
		      <li class="layui-nav-item"><a href="">婚姻登记</a></li>
		      <li class="layui-nav-item"><a href="">新手指南</a></li>
		      <li class="layui-nav-item"><a href="">官方攻略</a></li>
		    </ul>
	    	<div class="triangle-left-bottom"></div>
	    </div>
  	</div>
  	<!-- 中部-->
  	<div class="layui-row">
		<div class="middleleft">
			<div class="left1">
			
			</div>
			<div class="left2">
			
			</div>
		</div>
	    <div class="middle">
			<div class="ads">
				<img src="${ctxStatic}/images/f/豪华官邸_03.jpg" border="0">
			</div>
			
		    <div class="main">
			    <div id="place">
					<div class="placetitle">
						【${cityMap.cityname }】${cityMap.placename }${cityMap.id }
					</div>
					<div class="placedesc">
						${cityMap.placedesc }
					</div>
				</div>
				<div class="npc">
					<div id="talkshow" onclick="hiddentalkshow();">
						<div id="talkshowclose">
							<a onclick="hiddentalkshow();">X</a>
						</div>
						<div id="talkshowdetail">
							
						</div>
					</div>
					
					<c:if test="${npclist != null }">
						<c:forEach items="${npclist}" var="npc">
							<div class="npcdiv" id="npc_${npc.id }" onmousedown="showDiv(npcdesc_${npc.id });" onmouseout="hiddenDiv(npcdesc_${npc.id });">
								<img alt="a${npc.name }" title="t${npc.name }" src="${ctxStatic}/images/fantasy/${npc.facesrc }">
							 	<div id="npcdesc_${npc.id }" class="npcdescdiv" onmouseover="mouseoverDiv()" onmouseout="mouseoutDiv(npcdesc_${npc.id },event);">
							 		<div id="npctitle">
							 			${npc.name }
							 		</div>
							 		<div id="npcdesc">
							 			${npc.desc }
							 		</div>
							 		<div id="npcbutton">
							 			<div id="talktonpc" onclick="talkshow('${npc.id }');">
							 				交谈
							 			</div>
							 			<div id="asktonpc" onclick="hiddenThis(npcdesc_${npc.id });alert('询问');">
							 				询问
							 			</div>
							 			<div id="applyfromnpc">
							 				接受任务
							 			</div>
							 			<div id="passtonpc">
							 				给道具
							 			</div>
							 			<div id="refusetask">
							 				推任务
							 			</div>
							 		</div>
							 	</div>
							</div>
						</c:forEach>
					</c:if>
				</div>
			    <div class="groundtitle">
					地上的道具
				</div>
				<div class="ground">
					<table>
						<tr>
							<td colspan="10">
								点击地上的道具可以将它收入囊中哦！
							</td>
						</tr>
						<tr>
						<%
							for ( int i=0; i<30; i++) {
						%>
							<td>
								<c:if test="itemList != null && itemList[i] != null">
									<a id="item_<%=i %>" href="javascript:pickitem(${user.id }, ${cityMap.id }, <%=i %>);">
										<img alt="a${itemList[i].name}" title="t${itemList[i].name}"
										 src="${ctxStatic}/images/fantasy/${itemList[i].imgsrc}">
									</a>
								</c:if>
							</td>
						<%
							if (i % 10 == 9) {
						%>
							</tr>
							<tr>
						<%
								}
							}
						%>
						</tr>
					</table>
				</div>
		    </div>
		    <div class="sidebox">
			    <select id="userlist" name="userlist"  class="selectStyle" multiple="multiple">
					<c:if test="${userlist != null }">
						<c:forEach items="${userlist}" var="user">
							<option value='${user.userid }'>${user.name }</option>
						</c:forEach>
					</c:if>
				</select>
			    <div class="event">
					<div class="eventtitle">
						特殊事件
					</div>
					<div class="eventitem">
						<div id="gohome">
							<a target="_parent" href="movetohome.action?fromid=${cityMap.id } %>"><font>回家</font></a>
						</div>
					</div>
				</div>
				<div class="quickmove">
					<div class="quickmovetitle">
						快速移动
					</div>
					<div class="quickmoves">
						<a target="_top" href="movetohome.action?fromid=${cityMap.id }"><font>回家</font></a>
					</div>
				</div>
		    </div>
	    </div>
	    <div class="middlebottom">
					
		</div>
  	</div>
	<!-- 底部 -->
	<div class="layui-row">
		<div class="layui-col-md3">
		
		</div>
		<div class="layui-col-md9">
		
		</div>
	</div>
  
</div>
<script language="javascript">
</script>
</body>
<script type="text/javascript" src="${ctxStatic}/js/moveto.js"></script> 
</html>